<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type='text/css' href='../style.css' rel='stylesheet' media="all" />
<script src="../js/jquery-1.7.2.min.js"></script>
<script>var title = html.match("<title>(.*?)</title>")[1];</script>
</head>
<body>
	<div id="header"></div>
	<script>
		$('#header').load('../header.html');
	</script>
	<!-- call header -->
	<div id="wrap">
		<!-- content ------------------------------------------------------------------------------>
		<div id="content_container">
			<div id="content_wrap">

				<div id="content" class="clr">
					<!-- left sidebar -->
					<div class="left onefifth" id="profile_nav">
						<div id="sidebar"></div>
						<script>
							$('#sidebar').load('sidebar.html');
						</script>
						<!-- call sidebar -->
					</div>
					<!-- end left sidebar -->

					<!-- content ben phai -->
					<div class="right fourfifth" id="load-content">
						<h1>Hello Host families</h1>
						
						
					</div>

					<!-- het content ben phai -->

					<!-- het content ---------------------------------------------------------------->

					<div id="footer"></div>
					<script>
						$('#footer').load('../footer.html');
					</script>
					<!-- call footer -->
				</div>
				<!--content -->
			</div>
			<!--content_wrap -->
		</div>
		<!--content container -->
	</div>
	<!--wrap -->
</body>
</html>
